// 获取屏幕可视区域宽高
function getPageInfo() {
    return {
        width: Math.max(
            // document.documentElement.scrollWidth,
            document.documentElement.clientWidth
        ),
        height: Math.max(
            // document.documentElement.scrollHeight,
            document.documentElement.clientHeight
        ),
    };
}
// *******************
var alluser = [] // 所有顾客都会在这里存放
var seatall = [] // 座位数组  存放座位信息
var allcooker = [] // 所有厨师
var init_cook = [] // 厨师区域原始宽高
// *******************

var x = getPageInfo(),
    img_bg = document.getElementsByClassName('bg')[0],
    header = document.getElementsByClassName('header')[0],
    cook = document.getElementsByClassName('cook')[0],
    custom = document.getElementsByClassName('custom')[0],
    line = document.getElementsByClassName('line')[0]

// 给背景图片设置宽高
img_bg.style.width = `${x.width}px`
img_bg.style.height = `${x.height}px`

// 给header设置自适应屏幕宽高
header.style.width = `${x.width}px`
header.style.height = `${x.height / 20}px`

// 给span设置行高
header.children[0].style.lineHeight = `${x.height / 20}px`
header.children[1].style.lineHeight = `${x.height / 20}px`

// 给cook设置宽高
init_cook.push(`${x.width * 0.9}px`)
init_cook.push(`${x.height / 8}px`)

cook.style.width = `${x.width * 0.9}px`
cook.style.height = `${x.height / 8}px`

// 给custom设置宽高
custom.style.width = `${x.width * 0.9}px`
custom.style.height = `${x.height / 4}px`

// 给line设置宽高
line.style.width = `${x.width * 0.9}px`
line.style.height = `${x.height / 10}px`

// 禁止页面滚动
function handler() { event.preventDefault(); }
document.addEventListener('touchmove', handler, false);
// ***********

// 根据自适应的宽高给小图标设置一些公用的小模块
// 初始厨师(__拥有数量1__)
allcooker.push(cooker())
//
cooker() // 设置点击添加厨师的圆形按钮
var addtbn = cook.children[1] 
cook.children[1].style.backgroundImage = ''
addtbn.onclick = function(){
    // 点击后根据确认情况添加一个厨师
    Tips('招聘新厨师','招聘一名新厨师(拥有3个厨师后可以使顾客来店时间加快)，最多可以拥有六名厨师，厨师每周需要支付工资120元,并支付50元','您是否要招聘一名新厨师','是的','先不了')

}
/*设置正式开始游戏的时间___6秒后开始*/
    setTimeout(()=>{StartGame()},6000)
/***********************/


/* 封装添加圆形的函数 */
function Addcircle() {
    let circle = document.createElement('div')
    circle.className = 'circle'
    circle.style.width = parseInt(init_cook[1]) * 0.7 + 'px'
    circle.style.height = parseInt(init_cook[1]) * 0.7 + 'px'
    circle.style.backgroundSize = '100% 100%'
    return circle
}

// 添加4个座位
for (let i = 1; i < 5; i++) {
    let circle = Addcircle()
    circle.style.marginLeft = parseInt(cook.style.height) * 0.4 + 'px'
    circle.style.marginRight = parseInt(cook.style.height) * 0.3 + 'px'    
    circle.style.marginTop = parseInt(cook.style.height) * 0.2 + 'px'
    custom.appendChild(circle)
    let obj = {
        empty:0,
        num : i,
        touxiang:''
    }
    circle.obj = obj
    custom.children[i].onclick = function () {
        if (custom.children[i].style.backgroundImage === '') {
            if (alluser.length !== 0) {
                let x   = alluser.shift()
                // 给点菜处传递座位信息+顾客信息
                start_order(x,custom.children[i],i-1)
            }
        }
    }
}